<template>
    <div class="enterpris-container">
        <main-header>
            <span slot="login"></span>
        </main-header>
        <sign-header>
            <div slot="append">
                <div class="tips fr">
                    好的简历让你脱颖而出
                </div>
            </div>
        </sign-header>
        <div class="sign-main">
            <div class="sign-title">
                创建简历
                <span class="color">*为必填项</span>
            </div>
            <div class="sign-form">
                <div class="document">
                    <header><img src="../../../../assets/images/sign-in/login_ziliao.png" alt="">求职意向</header>
                    <main>
                        <el-form label-width="140px">
                            <el-row :gutter="20">
                                <el-col :span="12">
                                    <el-form-item label="期望职位：">
                                        <el-select placeholder="请选择"  :value="1">
                                            <el-option :label="1" :value="1"></el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item label="期望薪资：">
                                        <el-select placeholder="请选择" :value="1">
                                            <el-option :label="1" :value="1"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12" >
                                    <el-form-item label="工作性质：">
                                        <el-radio v-model="radio" label="1">全职</el-radio>
                                        <el-radio v-model="radio" label="2">兼职</el-radio>
                                    </el-form-item>
                                    <el-form-item label="期望地区：">
                                        <el-select placeholder="请选择" :value="1">
                                            <el-option :label="1" :value="1"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-form>
                    </main>
                </div>
                <div class="attestation">
                    <header><img src="../../../../assets/images/sign-in/login_renzhen.png" alt="">工作经验</header>
                    <main>
                        <el-form label-width="140px">
                            <el-row :gutter="20">
                                <el-col :span="12">
                                    <el-form-item label="公司名称：">
                                        <el-input placeholder="请输入公司名称"></el-input>
                                    </el-form-item>
                                    <el-form-item label="职位名称：">
                                        <el-input placeholder="请输入职位名称"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="开始时间：">
                                        <el-date-picker
                                                type="date"
                                                placeholder="选择日期">
                                        </el-date-picker>
                                    </el-form-item>
                                    <el-form-item label="结束时间：">
                                        <el-date-picker
                                                type="date"
                                                placeholder="选择日期">
                                        </el-date-picker>
                                    </el-form-item>

                                </el-col>
                                <el-col :span="24">
                                    <el-form-item align="center" class="form-footer">
                                        <div class="release-btn" @click="goPage('Login')">完成</div>
                                        <div class="complete-btn" @click="goPage('PersonInfor')">上一步</div>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-form>
                    </main>
                </div>
            </div>
            <div class="sign-footer">
                CopyRight @2019 江西易夫子人力资源有限公司
            </div>
        </div>
    </div>
</template>

<script>
    import SignHeader from '@/pages/sign-in/components/SignHeader.vue'
    import MainHeader from '@/pages/components/MainHeader.vue'

    export default {
        name: "EnterprisInfor",
        components: {
            SignHeader,
            MainHeader
        },
        data() {
            return {
                radio: ''
            }
        },
        methods: {
            goPage(path) {
                this.$router.push({
                    name: path,
                    // query: {
                    //     // 保证每次点击路由的query项都是不一样的，确保会重新刷新view
                    //     t: +new Date()
                    // }
                })
            },
        }
    }
</script>

<style scoped lang="less">
    .enterpris-container /deep/ .el-input__inner {
        width: 246px;
        height: 34px;
    }
    .enterpris-container {
        height: 100%;
        background:#F7F8FA;
        .tips {
            line-height: 110px;
            font-size: 14px;
        }
        .sign-main {
            width: 1100px;
            margin: 0 auto;
            background:#F7F8FA;
            .sign-title {
                height:72px;
                line-height: 72px;
                font-size:14px;
                font-weight:400;
                color:rgba(51,51,51,1);
                .color {
                    color: @main-color
                }
            }
            .sign-form {
                /*height:770px;*/
                background:rgba(255,255,255,1);
                padding: 0 48px 20px 48px;
                .document {
                    header {
                        height: 61px;
                        padding: 29px 0 0 26px;
                        box-sizing: border-box;
                        border-bottom: 1px solid rgba(238,238,238,1);font-size:16px;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(51,51,51,1);
                        position: relative;
                        img {
                            position: absolute;
                            left: 0;
                            bottom: 11px;
                        }
                    }
                    main {
                        width: 900px;
                        margin-top: 52px;
                    }
                }
                .attestation {
                    header {
                        height: 61px;
                        padding: 29px 0 0 26px;
                        box-sizing: border-box;
                        border-bottom: 1px solid rgba(238,238,238,1);font-size:16px;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(51,51,51,1);
                        position: relative;
                        img {
                            position: absolute;
                            left: 0;
                            bottom: 11px;
                        }
                    }
                    main {
                        width: 900px;
                        margin-top: 52px;
                    }
                }
                .remark {
                    font-weight:400;
                    color:rgba(153,153,153,1);
                    height: 20px;
                    line-height: 20px;
                    font-size: 12px
                }
                .form-footer {
                    margin-top: 50px;
                    .release-btn,.complete-btn  {
                        width:125px;
                        height:48px;
                        line-height: 48px;
                        text-align: center;
                        background:rgba(230,31,31,1);
                        border-radius:2px;font-size:16px;
                        font-family:MicrosoftYaHeiSemibold;
                        cursor: pointer;
                        color:rgba(255,255,255,1);
                        display: inline-block;
                    }
                    .release-btn {
                        margin-right: 41px;
                    }
                    .complete-btn {
                        background:rgba(204,204,204,1);
                    }
                }
            }
            .sign-footer {
                width: 1100px;
                height:72px;
                line-height: 72px;
                text-align: center;
                font-size:14px;
                font-weight:400;
                color:#CCCCCC;
            }
        }
    }
</style>